<template>
	<view class="content">
		<view class="list" v-if="list.length > 0" >
			<u-row class="listInfo" customStyle="margin-bottom: 10px" v-for="(item,i) in list" :key="i">
				<u-col span="3">
					{{item.createtime}}
				</u-col>
				<u-col span="7">
					{{item.show_desc}}
				</u-col>
				<u-col span="2">
					<view class="status">
						{{item.status_text}}
					</view>
				</u-col>
			</u-row>
		</view>
		<u-empty v-else mode='data' text="您还没有流水">
		</u-empty>
	</view>
</template>

<script>
	import http from '@/apis/http.js'
	export default {
		data() {
			return {
				page:0,
				list:[],
			}
		},
		methods: {
			getList()
			{
				http.POST('user_vip/withdrawalList',{'page':this.page}).then(res => {
					this.list.push(...res.data)
				})
			}
		},
		created() {
			this.getList()
		},
		onReachBottom (){
			this.page++;
			this.getList()
		}
	}
</script>

<style>
.content {padding: 20rpx;}
.flex{display: flex;}
.status {
	background-color: #57bdcc;
	padding:10rpx 20rpx;
	border-radius: 50rpx;
	color: #fff;
	font-size: 14rpx;
	text-align: center;
}
.listInfo {  padding: 15rpx; box-shadow: 0 0 4rpx 3rpx #eeeeee; margin-bottom: 5rpx;}
</style>
